<!-- 教师管理单个个学院的学生信息界面，比如某学院教务处的老师-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>学生信息管理</title>
    <link rel="icon" href="../../favicon.ico">
    <!-- Bootstrap Core CSS -->
    <link href="../../css/teaManage/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="../../css/teaManage/metisMenu.min.css" rel="stylesheet">

    <!-- DataTables CSS -->
    <link href="../../css/teaManage/dataTables.bootstrap.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="../../css/teaManage/sb-admin-2.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="../../css/teaManage/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="../../css/teaManage/boot-crm.css" rel="stylesheet" type="text/css">

    <!-- 教师公布办理信息 -->
    <link href="../../css/teaManage/editProcessInfo.css" rel="stylesheet" type="text/css">
    <script src="../../js/teaManage/editProcessInfo.js"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

<div id="wrapper">

    <!-- 导航栏 -->
    <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">

        <!--导航栏左侧-->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span> <span
                    class="icon-bar"></span> <span class="icon-bar"></span> <span
                    class="icon-bar"></span>
            </button>
            <p class="navbar-brand" >湖师大毕业生学生信息管理系统</p>
        </div>

        <!--导航栏右侧 总体是一个ul，里面是li-->
        <ul class="nav navbar-top-links navbar-right">

            <li>
                欢迎登录：张老师&nbsp;&nbsp;&nbsp;&nbsp;部门：美院&nbsp;&nbsp;教务处&nbsp;&nbsp;&nbsp;&nbsp;工号：123456
            </li>

            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                    <i class="fa fa-tasks fa-fw"></i>
                    <i class="fa fa-caret-down"></i>
                </a>
                <ul class="dropdown-menu dropdown-tasks">
                    <li>
                        <a href="#">
                            <div>
                                <p>
                                    <strong>任务 1</strong> <span class="pull-right text-muted">完成40%</span>
                                </p>
                                <div class="progress progress-striped active">
                                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"
                                         aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                        <span class="sr-only">完成40%</span>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="divider"></li>
                </ul>

            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                    <i class="fa fa-user fa-fw"></i>
                    <i class="fa fa-caret-down"></i>
                </a>
                <ul class="dropdown-menu dropdown-user">
                    <li>
                        <a href="#">
                            <i class="fa fa-sign-out fa-fw"></i>
                            退出登录
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </nav>

    <!-- 搭建显示页面 -->
    <div class="container">
        <!-- 标题 -->
        <div class="row">
            <div class="col-md-4" style="float: left;">
                <h2>学生信息管理</h2>
            </div>
            <div style="float: left;">
                <button style="margin-top: 15px;margin-left: 620px" type="button" class="btn btn-primary col-md-offset-8"
                        data-toggle="modal" data-target="#editProcessInfo">
                    管理办理信息</button>
            </div>
        </div>
        <!-- 搜索框 -->
        <div class="panel panel-default">
            <div class="panel-body">
                <form class="form-inline" action="#" method="get">
                    <div class="form-group">
                        <label for="customerName">学号</label>
                        <input type="text" class="form-control" id="customerName" name="custName">
                    </div>
                    <div class="form-group">
                        <label for="customerFrom">班级</label>
                        <select class="form-control" id="customerFrom" placeholder="班级" name="custSource">
                            <option value="">--请选择--</option>
                            <option value="1701">1701</option>
                            <option value="1702">1702</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="customerFrom">性别</label>
                        <select class="form-control" id="customerSex" placeholder="性别" name="custSource">
                            <option value="">--请选择--</option>
                            <option value="1701">男</option>
                            <option value="1702">女</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="custIndustry">专业</label>
                        <select class="form-control" id="custIndustry" name="custIndustry">
                            <option value="">--请选择--</option>
                            <option value="教技">教技</option>
                            <option value="数媒">数媒</option>
                            <option value="信工">信工</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="custIndustry">状态</label>
                        <select class="form-control"  name="custIndustry">
                            <option value="">学生证已上交</option>
                            <option value="">学生证暂未上交</option>
                        </select>
                    </div>
                    <button type="submit" class="btn btn-primary">查询</button>
                </form>
            </div>
        </div>
        <!-- 显示表格数据 -->
        <div class="row" >
            <div class="col-md-12">
                <table class="table table-hover" id="emps_table">
                    <thead>
                    <tr>
                        <th>学号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>班级</th>
                        <th>专业</th>
                        <th>状态</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr align="center">
                        <td>2017116666666</td>
                        <td>疾风剑豪</td>
                        <td>男</td>
                        <td>1888</td>
                        <td>艾欧尼亚</td>
                        <td>学生证以上交</td>
                        <td>
                            <a href="#" class="btn btn-primary btn-xs" data-toggle="modal"
                               data-target="#stuEditDialog" onclick="">修改</a>
                        </td>
                    </tr>
                    <tr align="center">
                        <td>2017116666666</td>
                        <td>疾风剑豪</td>
                        <td>男</td>
                        <td>1888</td>
                        <td>艾欧尼亚</td>
                        <td>学生证以上交</td>
                        <td>
                            <a href="#" class="btn btn-primary btn-xs" data-toggle="modal"
                               data-target="#stuEditDialog" onclick="">修改</a>
                        </td>
                    </tr>
                    <tr align="center">
                        <td>2017116666666</td>
                        <td>疾风剑豪</td>
                        <td>男</td>
                        <td>1888</td>
                        <td>艾欧尼亚</td>
                        <td>学生证以上交</td>
                        <td>
                            <a href="#" class="btn btn-primary btn-xs" data-toggle="modal"
                               data-target="#stuEditDialog" onclick="">修改</a>
                        </td>
                    </tr>
                    <tr align="center">
                        <td>2017116666666</td>
                        <td>疾风剑豪</td>
                        <td>男</td>
                        <td>1888</td>
                        <td>艾欧尼亚</td>
                        <td>学生证以上交</td>
                        <td>
                            <a href="#" class="btn btn-primary btn-xs" data-toggle="modal"
                               data-target="#stuEditDialog" onclick="">修改</a>
                        </td>
                    </tr>
                    <tr align="center">
                        <td>2017116666666</td>
                        <td>疾风剑豪</td>
                        <td>男</td>
                        <td>1888</td>
                        <td>艾欧尼亚</td>
                        <td>学生证以上交</td>
                        <td>
                            <a href="#" class="btn btn-primary btn-xs" data-toggle="modal"
                               data-target="#stuEditDialog" onclick="">修改</a>
                        </td>
                    </tr>
                    <tr align="center">
                        <td>2017116666666</td>
                        <td>疾风剑豪</td>
                        <td>男</td>
                        <td>1888</td>
                        <td>艾欧尼亚</td>
                        <td>学生证以上交</td>
                        <td>
                            <a href="#" class="btn btn-primary btn-xs" data-toggle="modal"
                               data-target="#stuEditDialog" onclick="">修改</a>
                        </td>
                    </tr>

                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- 编辑办理信息对话框 -->
    <div class="modal fade" tabindex="-1" role="dialog" id="editProcessInfo">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">办理信息</h4>
                </div>
                <div class="modal-body" style="height: 150px">
                    <textarea  id="edit_processInfo" name="edit_processInfo" onchange="checkMaxInput(this,200)" onkeydown="checkMaxInput(this,200)" onkeyup="checkMaxInput(this,200)" onfocus="setCursor()" autofocus="autofocus" placeholder="请输入学生办理本项手续的必要信息，如时间/地点/联系老师等等"></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">公布</button>
                </div>
            </div>
        </div>
    </div><!-- /.modal -->

    <!-- 编辑学生信息对话框 -->
    <div class="modal fade" id="stuEditDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">修改学生信息</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" id="edit_stu_form" method="post">

                        <input type="hidden" id="edit_stu_id" name="stu_id"/>

                        <div class="form-group">
                            <label for="edit_col_info" style="float:left;padding:7px 15px 0 27px;">教务处信息</label>
                            <div class="col-sm-10">
                                <select class="form-control" id="edit_col_info"  name="stu_col_info">
                                    <option value="学生证已上交">学生证已上交</option>
                                    <option value="学生证暂未上交">学生证暂未上交</option>
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary">保存修改</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /#wrapper -->

<div class="container">
    <ul class="pager">
        <li>
            <a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
        </li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li>
            <a href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
            </a>
        </li>
    </ul>
</div>

<!--尾部布局-->
<div class="container-fluid">
    <div class="row footer_n">
        <div class="col-md-5"></div>
        <div class="col-md-1"><img src="../../img/lmy/andios.png"  width="100px" height="100px"/> </div>
        <div class="col-md-1"><img src="../../img/lmy/weixin.jpg" width="100px" height="100px"/></div>
        <div class="col-md-5"></div>
    </div>
    <div class="row footer_m" style="background-color: orange">
        <div class="col-md-3"></div>
        <div class="col-md-6" style="text-align: center;line-height: 35px">CopyRight  湖北师范大学AndiOS工作室 版权所有 ICP证：鄂ICP备18003711号-1<br/>
            地址：湖北省黄石市黄石港区磁湖路11号，435000</div>
        <div class="col-md-3"></div>
    </div>
</div>

<!-- jQuery -->
<script src="../../js/teaManage/jquery.min.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="../../js/teaManage/bootstrap.min.js"></script>

<!-- Metis Menu Plugin JavaScript -->
<script src="../../js/teaManage/metisMenu.min.js"></script>

<!-- DataTables JavaScript -->
<script src="../../js/teaManage/jquery.dataTables.min.js"></script>
<script src="../../js/teaManage/dataTables.bootstrap.min.js"></script>

<!-- Custom Theme JavaScript -->
<script src="../../js/teaManage/sb-admin-2.js"></script>

</body>
</html>